<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <div class="option">
            <button class="sub">-</button>
            <button class="add">+</button>
        </div>
        <div class="txt">
            《海上钢琴师》的悲剧性就体现在他人生的荒诞性上，因此，它是受存在主义文学影响的一个典型的荒诞派剧作。存在主义诞生于20世纪30年代的法国，二战后达到发展的顶峰。存在主义文学在存在主义哲学基础上产生，它是以文学的形式宣传存在主义哲学思想。其特征是理性多于形象，核心是"存在先于本质"，"世界是荒谬的"，"人生是痛苦的和自由选择"，因此，"荒谬"和"痛苦"是存在主义文学的基本主题。它一方面描写资本主义世界的荒诞性，另一方面表现人的不幸与毁灭，以及人类的孤独、失望、恐惧与厌世的种种消极思想情绪。《海上钢琴师》中1900的人生就像一面镜子，极端地反映出现代人心理中最黑暗、最隐私的那一部分消极思想情绪。
        </div>
    </div>
</body>
<script>
    let sub = document.querySelector('.sub')
    let add = document.querySelector('.add')
    let txt = document.querySelector('.txt')
    sub.onclick = function () {
        let fontSize = parseInt(getComputedStyle(txt, null).fontSize)
        fontSize--
        if (fontSize < 12) {
            alert('字体不能小于12')
            return
        }
        txt.style.fontSize = fontSize + "px"
    }
    add.onclick = function () {
        let fontSize = parseInt(getComputedStyle(txt, null).fontSize)
        fontSize++
        if (fontSize > 50) {
            alert('字体不能大于50')
            return
            
        }
        txt.style.fontSize = fontSize + "px"
    }
</script>

</html>